<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/*图片添加浮动，段落不加浮动*/
			img{
				width: 200px;
				height: 200px;
				float: left;
			}
		</style>
	</head>
	<body>
		<img src="img/蜡笔小新.png" alt="蜡笔小新">
		<p>lorem Optio facere ullam eum consequatur, natus, architecto, magni exercitationem ducimus officia ab cum nemo vel error veritatis corporis ratione! Hic, et ad. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus voluptatum ipsum, eos minus odio tempore quisquam atque officia ad minima aut hic ipsam nulla quos, optio quis molestias animi recusandae! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Porro, laudantium illo. Praesentium atque possimus esse repudiandae qui velit ut delectus. Quis consequuntur porro veniam, eveniet nobis culpa nesciunt sequi aliquam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam fugit mollitia earum nulla facilis accusantium molestiae! Deserunt praesentium provident voluptates, aspernatur, culpa quas illo adipisci possimus eligendi facere natus non? Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis ab fugiat cumque, delectus dignissimos qui eligendi placeat voluptatum at doloribus, magnam ipsam, incidunt dolor officiis quia laborum rerum esse tempore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis fuga odit explicabo. Rerum vitae nesciunt ut id illo magni repellendus? Earum perspiciatis iusto ipsa odio quaerat mollitia, dolores quos expedita. Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto, amet beatae ullam sunt itaque vel. Aliquid optio consectetur totam dignissimos, aut, soluta itaque repudiandae temporibus in distinctio harum saepe perferendis!</p>
	</body>
</html>